﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Shop_Add.aspx.cs" Inherits="JKF.Web.Shop.Shop_Add" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>店面添加/修改页面</title>
    <style type="text/css">
    label
    {
    	color:Black;
    }
    .showMsg
    {
    	color:Red;
    }
     
    </style>
     <%= RegScript("~/js/jquery.1.5.js")%>
        <%= RegScript("~/js/jquery.js")%> 
        <%=RegScript("~/js/Common.js")%>
        <%=RegScript("~/js/jquery.json.js")%>
        <%=RegScript("~/js/jquery.nhis.js")%>
        <%=RegScript("~/js/jquery.rchis.js")%>
        <%=RegScript("~/js/jquery.validate.js")%>
        <%=RegScript("~/js/DatePicker/WdatePicker.js")%>
        <%=RegStyle("~/js/suggest/jquery.suggest.css")%>
        <%--<%=this.RegStyle("~/App_Themes/Theme1/common.css")%>--%>
        <%= RegScript("~/js/jquery-ui-custom.min.js")%>
        <%= RegScript("~/js/check.js")%>
    <link href="/App_Themes/Theme2/Include.css"   rel="stylesheet" type="text/css" />
    <script src="/js/Uppop/tipswindown2.js"  type="text/javascript"></script>  
    
    <script type="text/javascript" language="javascript">
        var isAdd = '<%=NoAddRedirect%>'  //没有权限跳转到提示页面
        $(function () {
            $("#BtnSave").click(function () {
                saveModule();
                //tipsWindown.close();
            });
            // 绑定省市选择
            bindProvinceSelect();
        });

        //绑定省下拉事件，去加载相应的城市信息
        function bindProvinceSelect() {
            /// <summary>绑定省下拉事件，去加载相应的城市信息</summary>
            $("#AREA_CODE_Province").change(function () {
                // 获取当前选中的
                var provinceCode = $(this).val();
                if (provinceCode == '-1') {
                    // 如果存在城市及县的就移除
                    $('#AREA_CODE_City').html("<option value='-1'>请选择</option>"); // 重置城市
                    $('#AREA_CODE').html("<option value='-1'>请选择</option>"); // 重置县
                    return; //不去加载
                } 
                $.post('/do/Dic/Dic_Area.do',
                       { ActionName: "GetArea", code: provinceCode },
                       function (data) {
                           if (data.error == true) {
                               ShowWarn(data.message);
                           }
                           else {
                               $('#AREA_CODE_City').html("<option value='-1'>请选择</option>"); // 重置城市
                               $('#AREA_CODE').html("<option value='-1'>请选择</option>"); // 重置县 
                               var $obj = self.$('#AREA_CODE_City');
                               $obj.append(data.message);
                           }
                           // 注册二级城市的下拉事件
                           bindCitySelect();
                       }, 'json');
            });
        }
        //根据当前选中的城市去加载相应的县及城镇
        function bindCitySelect() {
            /// <summary>根据当前选中的城市去加载相应的县及城镇</summary>
            $('#AREA_CODE_City').change(function () {
                var cityCode = $(this).val();
                if (cityCode == '-1') {
                    $('#AREA_CODE').html("<option value='-1'>请选择</option>"); // 重置县
                    return; // 不去加载
                }
                $.post('/do/Dic/Dic_Area.do', { ActionName: "GetArea", code: cityCode },
                function (data) {
                    if (data.error == true) {
                        ShowWarn(data.message);
                    }
                    else {
                        $('#AREA_CODE').html("<option value='-1'>请选择</option>"); // 重置县
                         
                        var $obj = self.$('#AREA_CODE');  
                        $obj.append(data.message);
                    }  
                }, 'json');
            });
        }     
    </script>

    <script type="text/javascript">
        var intSetTimeOutID; // 用于停止计时器
        var arrLinkBtn = new Array();
        arrLinkBtn.push(new Array('clearShopForm()', '继续添加')); //调用函数的参数要用双引号
        arrLinkBtn.push(new Array('AddLocalShopUser()', '创建本店用户')); //调用函数的参数要用双引号
        arrLinkBtn.push(new Array('parent.tipsWindown.close()', '返回列表'));
        var AppPath = "<%=AppPath %>";
        var handler = AppPath + '/do/Shop/Shop.do';
        var scid = '<%=P("moduleKey") %>';
        var shop_code = '';
        var operationType = 'InsertShop'; // 操作类型
        var dateCreate = '<%=DateTime.Now.ToString("yyyy-MM-dd") %>'; //如果是添加则取当前日期 如果是修改则是数据创建时间
        var ntEmpt = /^[^ ]+$/;
        var dtReg = /^\d{4}(\/|-)([1][0-2]|[1-9]|0[1-9])(\/|-)([1-2][0-9]|3[0-1]|[1-9]|0[1-9])( (0?[0-9]|1[0-9]|2[0-4])(:([0-5][0-9])){1,2})?$/;
        var ntMobilePhone = /^(1(([35][0-9])|(47)|[8][01236789]))\d{8}$/;  //手机号码
        var ntHomePhone = /^0\d{2,3}(\-)?\d{7,8}$/; // 电话号码 
        var ntPost = /^[1-9]\d{5}$/; //邮政编码
        $(function () {
            check();
            InitForm();
            // 检查店面名称
            checkName();
            $('#btnclose').click(function () {
                parent.tipsWindown.close();
            });
            //如果是编辑，移除数组第一项
            if (ntEmpt.test(scid)) {
                arrLinkBtn.shift();
            }
        });
        //$.FxNull(jd.val(), "")  此方法是如果获取到的为Null或者undefine 就赋值为""
        function check() {
            alxVr.push({ id: "SHOP_NAME",
                rule: function (jd) {
                    if (!ntEmpt.test(jd.val())) {
                        this.msg = "请输入店面名称."; return false;
                    } else if ($.FxNull(jd.val(), "").length > 50) {
                        this.msg = "店面名称不要超过50个字符"; return false;
                    }  
                    return true;
                }
            });
            alxVr.push({ id: "LINKMAN",
                rule: function (jd) {
                    if (!ntEmpt.test(jd.val())) {
                        this.msg = "请输入联系人."; return false;
                    } else if ($.FxNull(jd.val(), "").length > 10) {
                        this.msg = "联系人不要超过10个字符"; return false;
                    } return true;
                }
            });
            alxVr.push({ id: "PHONE",
                rule: function (jd) {
                    if (!ntEmpt.test(jd.val())) {
                        this.msg = "请输入联系电话."; return false;
                    } else if (!ntMobilePhone.test(jd.val()) && !ntHomePhone.test(jd.val())) {
                        this.msg = "无效的固定电话/手机号，请重新输入！"; return false;
                    } 
//                    else if(!ntHomePhone.test(jd.val())){
//                        this.msg = "无效的固定电话，请重新输入！"; return false;
//                    }
                    return true;
                }
            });
            alxVr.push({ id: "AREA_CODE_Province",
                rule: function (jd) {
                    if (jd.val()=='-1') {
                        this.msg = "请选择所在省/市."; return false;
                    } else if ($.FxNull(jd.val(), "").length > 20) {
                        this.msg = "请选择所在省/市."; return false;
                    } return true;
                }
            });
            alxVr.push({ id: "AREA_CODE_City",  
                rule: function (jd) {
                    if (jd.val() == '-1') {
                        this.msg = "请选择所在市/辖区，选择之前请先选择省/市。"; return false;
                    } else if ($.FxNull(jd.val(), "").length > 20) {
                        this.msg = "请选择所在省/市."; return false;
                    } return true;
                }
            });
             
            alxVr.push({ id: "AREA_CODE", //AREA_CODE_County
                rule: function (jd) {
                    if (jd.val() == '-1') {
                        this.msg = "请选择所在县/区，选择之前请先选择市/辖区。"; return false;
                    } else if ($.FxNull(jd.val(), "").length > 20) {
                        this.msg = "请选择所在省/市."; return false;
                    } return true;
                }
            });
            alxVr.push({ id: "ADDRESS", //AREA_CODE_County
                rule: function (jd) {
                    if (!ntEmpt.test(jd.val())) {
                        this.msg = "请输入准确的详细地址."; return false;
                    } else if ($.FxNull(jd.val(), "").length > 100) {
                        this.msg = "请输入准确的详细地址.."; return false;
                    } return true;
                }
            });
            alxVr.push({ id: "POSTAL_CODE", //AREA_CODE_County
                rule: function (jd) {
                    /* if (!ntEmpt.test(jd.val())) {
                        this.msg = "请输入邮编号."; return false;
                    } else  */
					if (!ntPost.test(jd.val())&& codeLength(jd.val()) > 0) {
                        this.msg = "无效的邮编号，请重新输入"; return false;
                    } return true;
                }
            });

            alxVr.push({ id: "MEMO",
                rule: function (jd) {
                    if (codeLength(jd.val()) > 50){
                        this.msg = "备注长度不可大于50个字符"; 
                        return false;}
                    return true;
                }
            });

            /* alxVr.push({ id: "MEMO",
                rule: function (jd) {
                    if (codeLength(jd.val()) > 50) {
                        this.msg = "备注长度不可大于50个字符";
                        return false;
                    }
                    return true;
                }
            }); */
            $.validateBind();

        }
        // 检查名称是否被占用
        function checkName() {
            $('#SHOP_NAME').blur(function () {
                var new_shop_name = $(this).val();
                var old_shop_name = $('#hidSHOP_NAME').val(); // 原来的名称
                if (new_shop_name.length > 0 && old_shop_name != new_shop_name) {
                    $.post(handler, { ActionName: 'CheckShopName', SHOP_NAME: $(this).val() },
                     function (rslt) {
                         if (rslt.MessageCode == "Ok") {
                             if (rslt.Data) {
                                 alert("此名称已经存在,请重新输入！");
                                 //$('#span_shop_name').text('此名称已经存在,请重新输入！');
                                 // 禁用保存按钮
                                 $('#BtnSave').attr('disabled', 'disabled').attr('title', '按钮被禁用'); ;
                                 return false; // 表明已存在
                             }
                             $('#span_shop_name').text('');
                             // 启用保存按钮
                             $('#BtnSave').removeAttr('disabled').attr('title', '按钮可用');
                             return true;
                         }
                         alert(rslt.Message);
                     }, 'json');
                } else if (new_shop_name == old_shop_name) { // 如果没有修改则恢复
                    $('#span_shop_name').text('');
                    // 启用保存按钮
                    $('#BtnSave').removeAttr('disabled').attr('title', '按钮可用');
                }
            });
             
        }
        // 清空表单内容
        function clearShopForm() {
            $('input[type=text]').val('');
            $('select').val('-1');
            $('#MEMO').val('');
            $('#hidSHOP_NAME').val('null');
            clearTimeout(intSetTimeOutID); // 停止计时器
            // 如果是单击继续添加，则关闭弹出层
            $('#resultTipDiv').dialog('close');
        }
        // 单击添加本地用户
        function AddLocalShopUser() {
            // 单击添加本地用户时，页面跳转至用户管理页面
            
            window.parent.parent.goPage('/Sys/User/User_View.aspx用户管理 ','.RibbonZoneContent div[title=\'用户管理\']', '&autoOpenAdd=true&scid=' + shop_code); 
            parent.tipsWindown.close(); //关闭层
        }
        // 保存店面信息
        function saveModule() {
            if (!$.validateAll()) {
                if ($(".alxv-failed").size() > 0) {
                    $(document).scrollTop($(".alxv-failed").eq(0).scrollTop());
                }
                return;
            }; 
            // 处理添加和修改
            processEditorInsert(operationType); 
        }
        //处理店面表的添加和修改
        function processEditorInsert(actionName) {
            /// <summary>处理店面表的添加和修改</summary>
            /// <param name="actionName" type="String">请求的ActionName</param>
            var tObj = {}, objCfg = {}, pName;
            $(":text,input:checked,select,textarea").each(function () {

                if ($(this).attr('id') == "AREA_CODE_Province" || $(this).attr('id') == "AREA_CODE_City") {
                    return true;  // 返回下一次循环。
                }
                pName = ($.FxNull($(this).attr("type"), "").toLowerCase() == "radio") ? $.FxNull($(this).attr("name"), "").toUpperCase() : $.FxNull($(this).attr("id"), "").toUpperCase();


                tObj[pName] = (objCfg[pName]) ? $.FxNull($(this).attr(objCfg[pName]), "") : $(this).val();
            });

            if ($.FxNull(scid, "").length ==4) {//主键
                tObj.SHOP_CODE = scid;
            }
            else {
                tObj.SHOP_CODE = "";
            }

            $.post(handler, { ActionName: actionName, moduleObj: $.toJSON(tObj) }, function (rslt) {
                if (rslt.MessageCode == "1") {//1,保存成功
                    //alert(rslt.Message);
                    scid = rslt.Data; //记录主键
                    shop_code = rslt.Data;
                    var shopType = 'Edit';
                    if (actionName == 'InsertShop') {
                        shopType = 'Insert';
                    }
                    updateView(shopType); //添加或修改数据成功后更新列表页面
                    //parent.tipsWindown.close(); //  必须加上parent关闭,这样算是在Shop_View.aspx中执行
                    //top.$("#screenEdit").dialog("close");
                    $.popResultTip(rslt.Message, arrLinkBtn);
                    return;
                } else if (rslt.MessageCode == "0") {
                    alert('添加失败');
                    return;
                }
                alert(rslt.Message);
            }, "json");
        }
        //处理更新shop_view.aspx中表格显示 
        function updateView(shopType) {
            /// <summary>处理更新shop_view.aspx中表格显示</summary>
            /// <param name="shopType" type="String">添加还是修改</param>
            tr = $("<tr key=" + scid + "></tr>");

            $('<td width="200px"></td>').appendTo(tr).html('<input  class="common_btn_edit mr12"  type="button" onclick="addShop(' + "'" + scid + "'" + ')" /><input name="" type="button" class="common_btn_del mr12"  /><input value="查看本店用户"  class="btn_style"  type="button"  look_shop_code="'+scid+'" />');
            $('<td width="150px"></td>').appendTo(tr).text($("#SHOP_NAME").val());
            $('<td width="150px"></td>').appendTo(tr).text($("#AREA_CODE_Province option:selected").text() + '→' + $("#AREA_CODE_City option:selected").text() + '→' + $("#AREA_CODE option:selected").text());
            $('<td width="100px"></td>').appendTo(tr).text($("#LINKMAN").val());
            $('<td width="100px"></td>').appendTo(tr).text($("#PHONE").val());
            $('<td width="100px"></td>').appendTo(tr).text($("#POSTAL_CODE").val());
            $('<td width="200px"></td>').appendTo(tr).text($("#ADDRESS").val());
            $('<td width="100px"></td>').appendTo(tr).text($("#MEMO").val());
            if (shopType == 'Insert') {
                scid = "";
            }
            // 这样才是shop_view.aspx页面，因为此页面是在Shop_View.aspx中打开
            window.parent.popRetuInfo($(tr), scid); 
        }

        // 如果是编辑某条记录时，先填写读取到的内容
        function InitForm() {
            if ($.FxNull(scid, "").length > 0) { //如果主键不为空，初始化信息
                operationType = 'EditShop'; // 当获取到的店面编号不为空，则表示是修改
                $.post(handler, { ActionName: "GetShopByCode", moduleKey: $.FxNull(scid, "") },
                 function (ItemInfo) {
                     if (ItemInfo.MessageCode == "Ok") {
                         if (ItemInfo.Data) {
                             var item = ItemInfo.Data;
                             //　这里将店面名称保存到隐藏域中，以便提交修改时需要
                             $('#hidSHOP_NAME').val($.FxNull(item.SHOP_NAME, ""));
                             $("#SHOP_NAME").val($.FxNull(item.SHOP_NAME, ""));
                             $("#LINKMAN").val($.FxNull(item.LINKMAN, ""));
                             $("#PHONE").val($.FxNull(item.PHONE, ""));
                             // 这里需要处理一下地区
                             var area_code_province = item.AREA_CODE.substr(0, 3) + '000';
                             $('#AREA_CODE_Province').val(area_code_province);
                             $('#AREA_CODE_Province').change(); // 调用此方法
                             var interCityId = setInterval(function () {
                                 if ($('#AREA_CODE_City option').length > 1) {
                                     var area_code_city = item.AREA_CODE.substr(0, 4) + '00';
                                     $('#AREA_CODE_City').val(area_code_city);
                                     $('#AREA_CODE_City').change(); // 调用此方法
                                     clearInterval(interCityId);
                                 }
                             }, 500);

                             var interCountryId = setInterval(function () {
                                 if ($('#AREA_CODE option').length > 1) {
                                     $('#AREA_CODE').val(item.AREA_CODE);
                                     clearInterval(interCountryId);
                                 }
                             }, 500);
                             //$("#AREA_CODE").val($.FxNull(item.AREA_CODE, ""));
                             $("#ADDRESS").val($.FxNull(item.ADDRESS, ""));
                             $("#POSTAL_CODE").val($.FxNull(item.POSTAL_CODE, ""));
                             $("#MEMO").val($.FxNull(item.MEMO, ""));
                         }
                         return;
                     }
                     alert(ItemInfo.Message);
                 }, "json");
            }
        }    
    </script>
</head>
<body id="modulebody">
    <form id="form1" runat="server">
    <div>
       <%-- <input id="BtnSave" type="button"  class="btn77"  value="保存" />--%>
    </div>
     <div class="pop_logging_body" style="padding:22px 20px; margin-top:0px; margin-bottom:26px; margin-right:35px; margin-left:35px "> 
      <table width="100%" border="0" cellspacing="0" cellpadding="0"   class="common_table_noborde">
          <tr>
                 <td align="right" width="15%"><span class="f12red">*</span>店面名称：</td>
                 <td width="29%"> 
                     <input id="SHOP_NAME" type="text" /> 
                     <!--用于保存当前的店面名称-->
                     <input id="hidSHOP_NAME" type="hidden" value="null" /> 
                     <%--<span id="span_shop_name" class="showMsg" ></span>--%>
                 </td>
                 <td width="5%">&nbsp;</td>
                 <td align="right" width="14%"> <span class="f12red">*</span>联系人：</td>
                 <td width="33%">
                     <input id="LINKMAN" type="text" /> 
                 </td> 
          </tr>
           <tr>
                 <td align="right"><span class="f12red">*</span>联系电话：</td>
                 <td> 
                     <input id="PHONE" type="text" />
                 </td>
                  <td width="5%">&nbsp;</td>
                 <td align="right"><span class="f12red">*</span>所在省：</td>
                 <td> 
                     <select id="AREA_CODE_Province" style="width:150px">
                         <option value="-1">请选择</option>
                         <%=Area %>
                     </select> 
                 </td> 
          </tr>
           <tr>
                 <td align="right"> <span class="f12red">*</span>所 在 市：</td>
                 <td> 
                     <select id="AREA_CODE_City" style="width:150px">
                        <option value="-1">请选择</option>
                     </select> 
                 </td>
                  <td width="5%">&nbsp;</td>
                 <td align="right"><span class="f12red">*</span>所在区：</td>
                 <td> 
                      <select id="AREA_CODE" style="width:150px">
                          <option value="-1">请选择</option>
                      </select> 
                 </td> 
          </tr>
           <tr>
                 <td align="right"><span class="f12red">*</span>详细地址：</td>
                 <td> 
                      <input id="ADDRESS" type="text" />
                 </td>
                  <td width="5%">&nbsp;</td>
                 <td align="right">邮 编：</td>
                 <td> 
                      <input id="POSTAL_CODE" type="text" />
                 </td> 
          </tr>
          <tr>
                 <td align="right">备注：</td>
                 <td  colspan="4"> 
                         <input type="text" id="MEMO" value="" style="width:350px" /> 
                 </td> 
          </tr>
      </table>
      </div>
       <div class="pop_btn">
         <input id="BtnSave" type="button" class="common_btn_save mr30 mb25" value="" />
	     <input id="btnclose" type="button" class="common_btn_remove mb25" value=" "  />
     </div>
    </form>
</body>
</html>
